::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar-thumb {
    background-color: #eaecf1;
    border-radius: 3px;
}

.overall {
    background-color: $color-gray-background;
    .head::after {
        position: absolute;
        z-index: -1;
        content: '';
        width: 100%;
        height: 93.5%;
        background: linear-gradient(to top, #f2f3f5, rgba(0, 0, 0, 0) 20%);

    }

    .head {
        width: 100%;
        padding-top: 3rem;
        padding-bottom: 4rem;
        display: flex;
        justify-content: center;
        background-image: url("@/assets/img/live/background.svg");
        // background-size: 100% 100%;
        // background-image: url("@/assets/img/temporary/00018.jpg");
        background-size:cover;

        .common-row {
            border-radius: 6px;
            display: flex;
            justify-content: center;
            align-items: center;

            width: 60%;

            :deep(.el-row) {
                width: 100%;
                margin: 0;

            }

            .live-box {
                border-radius: 6px;
                background-color: #fff;


                :deep(.el-main) {
                    padding: 0px;
                    margin: 0px;
                }
            }

            .player {
                height: 36rem;
                width: 100%;
            }
        }
    }

    .content{
        width: 100%;
        padding-top: 2rem;
        display: flex;
        justify-content: center;
        
        .content-row{
            border-radius: 6px;
            align-items: center;
            width: 60%;

            :deep(.el-row) {
                width: 100%;
                margin: 0;

            }
        }
    }
    
}